<template>
	<view class="situation">
		<up-tabs :list="tabsList" @click="clicktabFn" style="width: 100%;" :lineWidth='40' lineColor='#40d2d3'
			:scrollable='false'></up-tabs>
		<Empty :text='暂无任务'></Empty>
	</view>
</template>
<script setup>
	import {
		reactive,
		toRefs
	} from 'vue'
	import Empty from '../../components/empty.vue';
	const state = reactive({
		tabsList: [{
				name: '病人详情',
				component: 'patientDetails'
			},
			{
				name: '电子病历',
				component: 'medicalRecord'
			},
			{
				name: '医疗文书',
				component: 'medicalBook'
			},
		]
	})
	const {
		tabsList
	} = toRefs(state)

	const clicktabFn = (index, item) => {
		console.log(index, item, '123456');

	}
</script>

<style scoped lang="scss">
	page {
		height: 100%;
		width: 100%;
		display: flex;
	}

	.situation {
		flex: 1;

		.content {}
	}


	.noData {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 200rpx;
		color: #c0c0c0;

		image {
			width: 360rpx;
			height: 360rpx;
		}

		.text {
			margin-top: 20rpx;
		}
	}
</style>